/**
 * @author Lucian CIOROGA
 */
var Debug = new Class();

Debug.build = function(){
    Debug.container = new Element('div', {
        'styles': {
            'width': '50%',
            'padding': '2px',
            'border': '1px solid #ddd',
            'background-color': '#eee',
            'position': 'absolute',
            'top': '0px',
            'right': '0px',
            'border': 'none',
            'padding': '10px'
        }
    });
    
    Debug.menu = new Element('div', {
        'styles': {
            'width': '100%',
            'padding': '2px',
            'border': '1px solid #ddd',
            'margin-bottom': '2px'
        }
    });
    
    Debug.log = new Element('div', {
        'styles': {
            'width': '100%',
            'padding': '2px',
            'border': '1px solid #ddd'
        }
    });
    
    $(document.body).adopt(Debug.container);
    Debug.container.adopt(Debug.menu);
    Debug.container.adopt(Debug.log);
    
    Debug.menu.adopt(new Element('input', {
        'type': 'button',
        'value': 'clear',
        'events': {
            'click': function(){
                Debug.log.empty();
            }
        }
    }));
    
    Debug.info("debug started");
};

Debug.title = function(message){
    Debug.post(message, "normal 10px 'Trebuchet MS'", '#fff', '#333');
};

Debug.info = function(message){
    Debug.post(message, "normal 10px 'Trebuchet MS'", '#009933', '#fff');
};

Debug.error = function(message){
    Debug.post(message, "normal 10px 'Trebuchet MS'", '#c00', '#fff');
};

Debug.post = function(message, font, color, bgColor){
	if (Debug.log) {
		var messageContainer = new Element('div', {
			'styles': {
				'background-color': bgColor,
				'color': color,
				'font': font,
				'width': '100%'
			}
		});
		
		var currentTime = new Date();
		
		messageContainer.setHTML("&nbsp;<b>[ " + currentTime.toTimeString().substring(0, 8) + " ]</b> " + message);
		Debug.log.adopt(messageContainer);
	}
};
